<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>LayoutTest</title>
<link href="JBSLayout.css" type="text/css" rel="stylesheet"/>
<script src="JBSLayout.js" type="text/javascript"></script>
</head>
<body>

<div id="container">

<div id="header">
	<h1>JBS Carpooling Service</h1>
</div>

<!-- The wrapper div element is created to prevent wrapping of two floating
elements in this case menu and content -->
<div id="wrapper">

	<div id="menu">
		<ul id="verticalmenu" class="jbsmenu">
		<li><a href="#">My Profile</a></li>
		<li><a href="#">Messages</a>
		<li><a href="#">Account Settings</a></li>
		<li id="lg"><a href="#" >Login</a></li>
		</ul>
	</div>
	
	<div id="content">
		Content goes here
	</div>

</div>

<div id="footer">
Copyright © 2011 Team JBS</div>

</div>
</body>
</html>